<template>
  <div class="login-container">  
    <div class="background"></div>  
    <div class="login-form">  
      <h2>Login</h2>  
      <input type="text" v-model="user.username" placeholder="Username"  v-focus/>  
      <input type="password" placeholder="Password"  v-model="user.password" />  
      <button @click="login">{{$t('h.login')}}</button>  
      <Slider></Slider>
      <button @click="switchChange" style="font-family: 'DINAlternate', sans-serif;">切换主题</button>
      <svg-icon icon-class="loading" width="30px" height="30px" color="red"/>
    </div>  
  </div>
</template>

<script>
import login from "@/mixins/login.js"

export default {
  name:"login",
  mixins:[login],
  
}
</script>

<style lang="scss"  scoped>
@import '../../styles/login.scss';
</style>
